<%@ page language="java" pageEncoding="UTF-8"%>
<%@page import="framelib.common.FrameCommon"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@include file="includes/import.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="<%=basePathHeader%>/styles/userInfo.css" type="text/css" />
<script type="text/javascript" language="javascript">
$(document).ready(function() {
	$('#pageNum').val(<c:out value="${page}"/>);
});

function gotoPage(){
	window.location = '<%=basePathHeader%>/user/initIntegral.htm?pageNum=' + $('#pageNum').val();
}
</script>
</head>

	<body>
		<c:import url="includes/header.jsp" />
		<div class="info">
			<c:import url="includes/userLeft.jsp" />
			<div class="right">
				<div class="userSerinfo">
					<div  class="userSerinfoavatar">
						<img src="<%=imagePath %>avatarMid/<c:out value="${sessionScope.pnnSession.avatar}"/>"/>
					</div>
					<div  class="userSerBasicinfo">
						<p style="font-size: 22px;font-family: 微软雅黑;font-weight: bold;"><c:out value="${sessionScope.pnnSession.nickName}"/></p>
						<p style="font-size: 14px;font-family: 微软雅黑;"><c:out value='${sessionScope.pnnSession.userParams[1].extValue}'/>，<c:out value='${sessionScope.pnnSession.userParams[2].extValue}'/>，<c:out value='${sessionScope.pnnSession.userParams[3].extValue}'/></p>
						<p style="font-size: 14px;font-family: 微软雅黑;"></p>
					</div>
				</div>
				<div class="userIntegralInfo">
					<div class="userIntegralInfo-head">积分总数：<c:out value="${sum}"/></div>
					<div class="userIntegralInfo-detail">积分明细</div>
						<table class="userIntegralInfo-table">
		                	<thead>
		                    	<tr>
		                        	<th width="225" style="text-align:center; padding-left:20px;">来源 / 用途</th>
		                            <th width="60">收入</th>
		                            <th width="75">支出</th>
		                            <th width="105">日期</th>
		                            <th width="180">备注</th>
		                        </tr>
		                    </thead>
		                    <tbody>
		                    <c:forEach var="integral" varStatus="status" step="1" items="${list}">
		                    	<tr>
	                                <td class="integralInfo">
					                    <div class="proInfo"><p><c:out value="${integral.description}"/></p></div>
					                </td>
			                        <td class="income"><c:out value="${integral.income}"/></td>
					                <td class="expenses"><c:out value="${integral.expennd}"/></td>
				                    <td class="integralInfo"><c:out value="${integral.takeTime}"/><br /></td>
				                    <td class="integralInfo"><c:out value="${integral.remarks}"/></td>
	                            </tr>
	                        </c:forEach>
	                        </tbody>
		                </table>
		                <div class="page">
		                	<c:if test="${page > 1}">
		                		<a href="<%=basePathHeader %>/user/initIntegral.htm?pageNum=<c:out value="${page-1}"/>">上一页</a>
		                	</c:if>
		                	转到第<input type="text" id="pageNum" name="pageNum" size="4"/>页<input type="button" value="确定" onclick="gotoPage();"/>
		                	<c:if test="${page < pageCount}">
		                	<a href="<%=basePathHeader %>/user/initIntegral.htm?pageNum=<c:out value="${page+1}"/>">下一页</a>
		                	</c:if>
		                	  
		                </div>
		                
				</div>
			</div>
		</div>

		<c:import url="includes/footer.jsp" />
	</body>
</html>
